<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- FUCK 360  -->
<meta name="renderer" content="webkit|ie-comp|ie-stand">

<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

<link rel="stylesheet" href="../../css/pure.min.css">
<link rel="stylesheet" href="../css/pages.css"></head>
<body>
<div id="content">
    <style>
    fieldset{
        background-color: #FFF;
    }
    </style>
    <fieldset>
        <legend>按钮</legend>
        普通按钮:
        <input value="普通按钮" class="button" type="button" />
        <hr>
        警告按钮:
        <input value="警告按钮" class="warn-button" type="button" />
        <hr>
        反对按钮:
        <input value="反对按钮" class="error-button" type="button" />
        <hr>
        表单提交按钮:
        <input value="表单提交按钮" class="submit-button" type="submit" />
        <hr>
        重置按钮:
        <input value="重置按钮" class="reset-button" type="reset" />
        <hr>
    </fieldset>

</div>

<script src=".//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.10.2.min.js"><\/script>')</script>

</body>
</html>